<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta name="generator" content="Hugo 0.104.3" />
    <meta charset="UTF-8">
	<meta name=renderer content="webkit">
    <meta name=force-rendering content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
	<meta name="description" content="搜搜化州 | 信息导航">
	<meta name=viewport content="width=device-width,initial-scale=1,shrink-to-fit=no,viewport-fit=cover">
    <meta name=theme-color content="#fafafa">
    <title>搜搜化州 | 信息导航</title>
    <link rel="shortcut icon" href="assets/images/favicon.webp">
    <meta name="keywords" content="搜搜化州 | 信息导航">
	<meta name="referrer" content="strict-origin-when-cross-origin">
	<meta name=color-scheme content="light dark">
	<link rel=manifest href='.//assets/PWA/manifest.json'>
	<link rel=canonical href='https://so.gd.cn/'>
    <link rel=apple-touch-icon href=.//assets/PWA/apple-touch-icon.png>
    <meta name="baidu-site-verification" content="code-ERzo5lqNbW" />
    <meta name="sogou_site_verification" content="c5kms0qkyL"/>
    <meta name="360-site-verification" content="fcc13eac55051e381be8a06453359bc1" />

    <link rel='stylesheet' id='wp-block-library-css' href='.//assets/css/block-library.min-5.6.2.css' type='text/css' media='all'>
    <link rel='stylesheet' id='iconfont-css' href='.//assets/css/iconfont-3.03029.1.css' type='text/css' media='all'>
    <link rel='stylesheet' id='bootstrap-css' href='.//assets/css/bootstrap.min-4.3.1.css' type='text/css' media='all'>
    <link rel='stylesheet' id='lightbox-css' href='.//assets/css/fancybox.min.css' type='text/css' media='all'>
    <link rel='stylesheet' id='style-css' href='.//assets/css/style.css' type='text/css' media='all'>
    <link rel='stylesheet' id='style-css' href='.//assets/css/custom-style.css' type='text/css' media='all'>
    <link rel="stylesheet" id="fortawesome-css" href=".//assets/fontawesome-free-5.15.4-web/css/all.min.css" type="text/css">
    <script type='text/javascript' src='.//assets/js/jquery-3.6.1.min.js' id='jquery-js'></script>
    <script type='text/javascript' src='.//assets/js/content-search.js' id='content-search-js'></script>
    
    <script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?3d73c823b8e472a3c4b98fe4388287de";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
       
</head>


<body class="io-grey-mode">
    
    <div id="loading">
        <style>
            .loader {
                width: 250px;
                height: 50px;
                line-height: 50px;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                font-family: helvetica, arial, sans-serif;
                text-transform: uppercase;
                font-weight: 900;
                color: #f1404b;
                letter-spacing: 0.2em
            }

            .loader::before,
            .loader::after {
                content: "";
                display: block;
                width: 15px;
                height: 15px;
                background: #f1404b;
                position: absolute;
                animation: load .7s infinite alternate ease-in-out
            }

            .loader::before {
                top: 0
            }

            .loader::after {
                bottom: 0
            }

            @keyframes load {
                0% {
                    left: 0;
                    height: 30px;
                    width: 15px
                }

                50% {
                    height: 8px;
                    width: 40px
                }

                100% {
                    left: 235px;
                    height: 30px;
                    width: 15px
                }
            }
        </style>
        <div class="loader">搜搜化州 &amp; 信息导航</div>
    </div>
    
    <div class="page-container">
        
	     <div id="sidebar" class="sticky sidebar-nav fade animate-nav" style="width: 170px">
        
            <div class="modal-dialog h-100  sidebar-nav-inner">
                <div class="sidebar-logo border-bottom border-color">
                    
                    <div class="logo overflow-hidden">
                        <a href='https://so.gd.cn/' class="logo-expanded">
                            <img src="assets/images/bioitee-expand-light.png" width="151" height="40" class="logo-light"
                                alt="搜搜化州 | 信息导航">
                            <img src="assets/images/bioitee-expand-dark.png" width="151" height="40" class="logo-dark d-none"
                                alt="搜搜化州 | 信息导航">
                        </a>
                        <a href='https://so.gd.cn/' class="logo-collapsed">
                            <img src="assets/images/favicon.webp" width="40" height="40" class="logo-light"
                                alt="搜搜化州 | 信息导航">
                            <img src="assets/images/logo-collapse-dark.png" width="40" height="40" class="logo-dark d-none"
                                alt="搜搜化州 | 信息导航">
                        </a>
                    </div>
                    
                </div>
                <div class="sidebar-menu flex-fill">
                    <div class="sidebar-scroll">
                        <div class="sidebar-menu-inner">
                            <ul>
                                
                                    
                                    <li class="sidebar-item">
                                        
										<a href="#10c29cd1a2b795ccdb2c97fbc8b50c9a" class="smooth change-href" data-change="#10c29cd1a2b795ccdb2c97fbc8b50c9a"> 
                                            <i class="far fa-star icon-fw icon-lg mr-2"></i>
                                            <span>常用推荐</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>
                                            
                                            <li><a href="#10c29cd1a2b795ccdb2c97fbc8b50c9a" class="smooth"><span>化州新闻</span></a></li>
                                            
                                            <li><a href="#215feec56c2ae2ebc5c15e0bf7baf63b" class="smooth"><span>公众号</span></a></li>
                                            
                                            <li><a href="#193a8c42c1c373f385a4c7b33ffc381e" class="smooth"><span>电话号码</span></a></li>
                                            
                                        </ul>
                                    </li> 
                                    
                                
                                    
                                    <li class="sidebar-item">
                                        
										<a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth change-href" data-change="#a4d417d7850fde0cd00e4af576621a63"> 
                                            <i class="fas fa-film fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>悠闲娱乐</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>
                                            
                                            <li><a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth"><span>影音视频</span></a></li>
                                            
                                        </ul>
                                    </li> 
                                    
                                
                                    
                                    <li class="sidebar-item">
                                        
										<a href="#7866a35b09d466b9cf0295af54d30d53" class="smooth change-href" data-change="#7866a35b09d466b9cf0295af54d30d53"> 
                                            <i class="far fa-folder-open fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>素材资源</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>
                                            
                                            <li><a href="#7866a35b09d466b9cf0295af54d30d53" class="smooth"><span>图标素材</span></a></li>
                                            
                                            <li><a href="#ff65f7f9721757bf11b0b0c95f1b9446" class="smooth"><span>平面素材</span></a></li>
                                            
                                            <li><a href="#722d3693fc0b9344bb46ee220beac1b6" class="smooth"><span>字体资源</span></a></li>
                                            
                                        </ul>
                                    </li> 
                                    
                                
                                    
                                    <li class="sidebar-item">
                                        
										<a href="#31e51a60697ff3fb1d1c4934cce67921" class="smooth change-href" data-change="#31e51a60697ff3fb1d1c4934cce67921"> 
                                            <i class="fas fa-tools fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>开发设计</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>
                                            
                                            <li><a href="#31e51a60697ff3fb1d1c4934cce67921" class="smooth"><span>在线配色</span></a></li>
                                            
                                            <li><a href="#9c2232288caaa8ec40948cef6a786ac2" class="smooth"><span>在线工具</span></a></li>
                                            
                                        </ul>
                                    </li> 
                                    
                                
                                    
                                    <li class="sidebar-item">
                                        
										<a href="#33d3098041927a26a98ed4c6822c9687" class="smooth change-href" data-change="#33d3098041927a26a98ed4c6822c9687"> 
                                            <i class="fas fa-pencil-alt fa-lg icon-fw icon-lg mr-2"></i>
                                            <span>资讯学习</span>
                                            <i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
                                        </a>
                                        <ul>
                                            
                                            <li><a href="#33d3098041927a26a98ed4c6822c9687" class="smooth"><span>设计规范</span></a></li>
                                            
                                            <li><a href="#aec25b122d7aceb3dd3b64cf71858ed2" class="smooth"><span>视频教程</span></a></li>
                                            
                                        </ul>
                                    </li> 
                                    
                                
                            </ul>           
                        </div>
                    </div>
                </div>
                <div class="border-top py-2 border-color">
                    <div class="flex-bottom">
                        <ul>
                            <li id="menu-item-237"
                                class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
                                <a href="https://mail.qq.com/cgi-bin/qm_share?t=qm_mailme&email=237012432@qq.com" target="_blank">
                                    <i class="fas fa-file-upload icon-fw icon-lg mr-2"></i>
                                    <span>网站提交</span></a>
                            </li>

			    

                            <li id="menu-item-213"
                                class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">
                                <a target="_blank" rel="noopener" href="https://www.yuque.com/shenweiyan/cookbook/webstack-hugo">
                                    <i class="fa fa-info-circle icon-fw icon-lg mr-2"></i>
                                    <span>关于导航</span></a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>


<div class="main-content flex-fill grid-bg">
    <div class="big-header-banner">
        <div id="header" class="page-header sticky">
            <div class="navbar navbar-expand-md">
                <div class="container-fluid p-0">

                    <a href='https://so.gd.cn/' class="navbar-brand d-md-none" title="搜搜化州 | 信息导航">
                        <img src="assets/images/favicon.webp" class="logo-light"
                            alt="搜搜化州 | 信息导航">
                        <img src="assets/images/logo-collapse-dark.png" class="logo-dark d-none"
                            alt="搜搜化州 | 信息导航">
                    </a>

                    <div class="collapse navbar-collapse order-2 order-md-1">
                        <div class="header-mini-btn">
                            <label>
                                <input id="mini-button" type="checkbox">
                                <svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
                                    <path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
                                    <path class="line--2" d="M0 50h80"></path>
                                    <path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
                                </svg>
                            </label>

                        </div>

                        
                        <div class="rounded-circle weather">
                            <div id="he-plugin-simple" style="display: contents;"></div>
                            <script>WIDGET = {
                                    CONFIG: {
                                        "modules": "01234",
                                        "background": 5,
                                        "tmpColor": "#cbcbcb",
                                        "tmpSize": 16,
                                        "cityColor": "#cbcbcb",
                                        "citySize": 16,
                                        "aqiColor": "#cbcbcb",
                                        "aqiSize": 16,
                                        "weatherIconSize": 24,
                                        "alertIconSize": 18,
                                        "padding": "10px 10px 10px 10px",
                                        "shadow": "1",
                                        "language": "auto",
                                        "borderRadius": 5,
                                        "fixed": "false",
                                        "vertical": "middle",
                                        "horizontal": "left",
                                        "key": "55ee03a10f7543299906d9eb1b9f2b6b"
                                    }
                                }
                            </script>
                            <script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
                        </div>
                        
                    </div>

                    <ul class="nav navbar-menu text-xs order-1 order-md-2">
                        
                        <li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
                            <script>
                                fetch('https://v1.hitokoto.cn')
                                    .then(response => response.json())
                                    .then(data => {
                                    const hitokoto = document.getElementById('hitokoto_text')
                                    hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
                                    hitokoto.innerText = data.hitokoto
                                    })
                                    .catch(console.error)
                            </script>                           
                            <div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">疏影横斜水清浅，暗香浮动月黄昏。</a></div>
                        </li>
                        
                        <li class="nav-search ml-3 ml-md-4">
                            <a href="javascript:" data-toggle="modal" data-target="#search-modal"><i
                                    class="iconfont icon-search icon-2x"></i></a>
                        </li>
                        <li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
                            <a href="javascript:" id="sidebar-switch" data-toggle="modal"
                                data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="placeholder" style="height:74px"></div>
    </div>


<div class="header-big  post-top css-color mb-4" id="search-bg" style="">
    <div class="s-search">
        <div id="search" class="s-search mx-auto">
            <div id="search-list-menu" class="hide-type-list">
                <div class="s-type text-center">
                    <div class="s-type-list big">
                        <div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
                        <label for="type-bing" class="" data-id="group-a"><span>常用</span></label>
                        <label for="type-baidu1" data-id="group-b"><span>搜索</span></label>
                        <label for="type-zhihu" data-id="group-d"><span>社区</span></label>
                        <label for="type-taobao1" data-id="group-e"><span>生活</span></label>
                    </div>
                </div>
            </div>

            <form action="https://www.baidu.com?s=" method="get" target="_blank" class="super-search-fm">
                <input type="text" id="search-text" class="form-control smart-tips search-key" zhannei=""
                    placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
                <button class="submit" type="submit"><i class="iconfont icon-search"></i>搜索</button>
            </form>

            <div id="search-list" class="hide-type-list">
                <div class="search-group group-a ">
                    <ul class="search-type">
                        <li><input checked="checked" hidden="" type="radio" name="type" id="type-bing"
                            value="https://cn.bing.com/search?q=" data-placeholder="微软 Bing 搜索">
			    <label for="type-bing"><span class="text-muted">必应</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-baidu"
                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
			    <label for="type-baidu"><span class="text-muted">百度</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-google"
                            value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
			    <label for="type-google"><span class="text-muted">谷歌</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-anaconda" 
			    value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
			    <label for="type-anaconda"><span class="text-muted">软件</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-pubmed"
                            value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
			    <label for="type-pubmed"><span class="text-muted">文献</span></label></li>
                    </ul>
                </div>
                <div class="search-group group-b ">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-baidu1"
                                value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道"><label
                                for="type-baidu1"><span class="text-muted">百度</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-google1"
                                value="https://www.google.com/search?q=" data-placeholder="谷歌搜索"><label
                                for="type-google1"><span class="text-muted">谷歌</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-360"
                                value="https://www.so.com/s?q=" data-placeholder="360 好搜"><label
                                for="type-360"><span class="text-muted">360</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-sogo"
                                value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                for="type-sogo"><span class="text-muted">搜狗</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-bing1"
                                value="https://cn.bing.com/search?q=" data-placeholder="微软 Bing 搜索"><label
                                for="type-bing1"><span class="text-muted">必应</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-sm"
                                value="https://yz.m.sm.cn/s?q=" data-placeholder="UC 移动端搜索"><label
                                for="type-sm"><span class="text-muted">神马</span></label></li>
                    </ul>
                </div>

                <div class="search-group group-d ">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-zhihu" value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
                            <label for="type-zhihu"><span class="text-muted">知乎</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-wechat" value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
                            <label for="type-wechat"><span class="text-muted">微信</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-weibo" value="https://s.weibo.com/weibo/" data-placeholder="微博">
                            <label for="type-weibo"><span class="text-muted">微博</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-douban" value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
                            <label for="type-douban"><span class="text-muted">豆瓣</span></label></li>
                    </ul>
                </div>
                <div class="search-group group-e ">
                    <ul class="search-type">
                        <li><input hidden="" type="radio" name="type" id="type-taobao1" value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
                            <label for="type-taobao1"><span class="text-muted">淘宝</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-jd" value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
                            <label for="type-jd"><span class="text-muted">京东</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-xiachufang" value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
                            <label for="type-xiachufang"><span class="text-muted">下厨房</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-xiangha" value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
                            <label for="type-xiangha"><span class="text-muted">香哈菜谱</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-12306" value="https://www.12306.cn/?" data-placeholder="12306">
                            <label for="type-12306"><span class="text-muted">12306</span></label></li>
                        <li><input hidden="" type="radio" name="type" id="type-qunar" value="https://www.qunar.com/?" data-placeholder="去哪儿">
                            <label for="type-qunar"><span class="text-muted">去哪儿</span></label></li>
                    </ul>
                </div>
            </div>
            <div class="card search-smart-tips search-hot-text">
                <ul id="word" style="display: none"></ul>
            </div>
        </div>
    </div>
	
    
</div>


<div id="content" class="content-site customize-site">
    
        
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="10c29cd1a2b795ccdb2c97fbc8b50c9a"></i>
                    化州新闻
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://weibo.com/hzqx12121" target="_blank" data-id="" data-url="https://weibo.com/hzqx12121"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="化州气象官方微博">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/weibotq.webp" data-src="assets/images/logos/weibotq.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="化州天气">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>化州天气</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">化州气象官方微博</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://huazhou-m.itouchtv.cn/mediaDetail/38972" target="_blank" data-id="" data-url="https://huazhou-m.itouchtv.cn/mediaDetail/38972"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="化州市融媒体中心">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/huazhou.webp" data-src="assets/images/logos/huazhou.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="化州电视台">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>化州电视台</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">化州市融媒体中心</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.huazhou.gov.cn/" target="_blank" data-id="" data-url="http://www.huazhou.gov.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="化州市人民政府网">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/huazhougov.webp" data-src="assets/images/logos/huazhougov.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="化州政府网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>化州政府网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">化州市人民政府网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.gdzwfw.gov.cn/?region=440982" target="_blank" data-id="" data-url="http://www.gdzwfw.gov.cn/?region=440982"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="政务办理网上服务平台">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/zhengwu.webp" data-src="assets/images/logos/zhengwu.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="化州政务服务网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>化州政务服务网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">政务办理网上服务平台</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://yz.m.sm.cn/s?q=%E5%8C%96%E5%B7%9E#topic_news_lg/news" target="_blank" data-id="" data-url="https://yz.m.sm.cn/s?q=%E5%8C%96%E5%B7%9E#topic_news_lg/news"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="神马搜索">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/shenma.webp" data-src="assets/images/logos/shenma.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="关键词&#34;化州&#34;">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>关键词&#34;化州&#34;</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">神马搜索</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://nr.gd.gov.cn/map/bzdt/map_place.html?img_id=%E5%B9%BF%E4%B8%9C%E7%9C%81%E7%B3%BB%E5%88%97%E6%A0%87%E5%87%86%E5%9C%B0%E5%9B%BE/%E6%88%90%E6%9E%9C%E5%9B%BE%E5%88%87%E7%89%87/%E5%8C%96%E5%B7%9E%E5%B8%82%E5%9C%B0%E5%9B%BE131910649006202066/%E5%8C%96%E5%B7%9E%E5%B8%82%E5%9C%B0%E5%9B%BE" target="_blank" data-id="" data-url="http://nr.gd.gov.cn/map/bzdt/map_place.html?img_id=%E5%B9%BF%E4%B8%9C%E7%9C%81%E7%B3%BB%E5%88%97%E6%A0%87%E5%87%86%E5%9C%B0%E5%9B%BE/%E6%88%90%E6%9E%9C%E5%9B%BE%E5%88%87%E7%89%87/%E5%8C%96%E5%B7%9E%E5%B8%82%E5%9C%B0%E5%9B%BE131910649006202066/%E5%8C%96%E5%B7%9E%E5%B8%82%E5%9C%B0%E5%9B%BE"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="广东省标准地图服务子系统">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/favicon.webp" data-src="assets/images/logos/favicon.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="化州市地图">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>化州市地图</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">广东省标准地图服务子系统</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://data.cma.cn/dataGis/static/gridgis/#/pcindex" target="_blank" data-id="" data-url="http://data.cma.cn/dataGis/static/gridgis/#/pcindex"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国气象数据网">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/qixiangshuju.webp" data-src="assets/images/logos/qixiangshuju.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="天气预报">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>天气预报</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国气象数据网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://wxc.gd121.cn/html/qxfw/typhoon/typhoon2/dist/#/main" target="_blank" data-id="" data-url="https://wxc.gd121.cn/html/qxfw/typhoon/typhoon2/dist/#/main"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="广东天气">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/gdtq.webp" data-src="assets/images/logos/gdtq.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="台风路径">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>台风路径</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">广东天气</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://tf.istrongcloud.com/release/index-id.html?id=1260027757" target="_blank" data-id="" data-url="https://tf.istrongcloud.com/release/index-id.html?id=1260027757"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="广东省三防办">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/sanfangban.webp" data-src="assets/images/logos/sanfangban.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="台风路径">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>台风路径</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">广东省三防办</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://typhoon.weather.com.cn/gis/typhoon_full.shtml" target="_blank" data-id="" data-url="http://typhoon.weather.com.cn/gis/typhoon_full.shtml"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国天气网">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/tianqiwang.webp" data-src="assets/images/logos/tianqiwang.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="台风路径">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>台风路径</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国天气网</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="215feec56c2ae2ebc5c15e0bf7baf63b"></i>
                    公众号
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
				<div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="javascript:" target="" class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<img src='assets\images\logos\qr\1.webp' width='128'>">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy"width="40" height="40"  src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.webp" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="关注化州">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>关注化州</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">微信扫码</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
				
                
			
            </div>
            <br />
            
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="193a8c42c1c373f385a4c7b33ffc381e"></i>
                    电话号码
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:13922043678" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="13922043678">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="池主任">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>池主任</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">13922043678</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:18926718561" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="18926718561">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="董 华">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>董 华</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">18926718561</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:18926728688" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="18926728688">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="苏超云">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>苏超云</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">18926728688</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:13535949098" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="13535949098">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="彭 英">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>彭 英</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">13535949098</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:13927501388" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="13927501388">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="彭 涛">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>彭 涛</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">13927501388</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:13824868800" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="13824868800">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="李 燕">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>李 燕</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">13824868800</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:18128366099" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="18128366099">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="李国伟">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>李国伟</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">18128366099</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:15915290389" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="15915290389">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="江惠英">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>江惠英</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">15915290389</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:18926718533" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="18926718533">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="赖 琪">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>赖 琪</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">18926718533</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:15016608989" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="15016608989">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="石湾亚美">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>石湾亚美</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">15016608989</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="tel:13015819187" target="_blank" data-id="" data-url=""
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="13015819187">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/yisheng.webp" data-src="assets/images/logos/yisheng.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="林尘白毛佬过仔">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>林尘白毛佬过仔</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">13015819187</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        <a  class="togo text-center text-muted is-views" data-id="689"
                            data-toggle="tooltip" data-placement="right" rel="nofollow">
                            <i class="iconfont icon-goto"></i>
                        </a>
                    </div>
                </div>
				
			
            </div>
            <br />
            
            
        
    
        
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="a4d417d7850fde0cd00e4af576621a63"></i>
                    影音视频
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://v.qq.com/" target="_blank" data-id="" data-url="http://v.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="腾讯视频，海量视频在线观看。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.webp" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="腾讯视频">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>腾讯视频</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">腾讯视频，海量视频在线观看。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.youku.com/" target="_blank" data-id="" data-url="http://www.youku.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优酷 - 这个世界很酷。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e4%bc%98%e9%85%b7.webp" data-src="assets/images/logos/%e4%bc%98%e9%85%b7.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="优酷">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>优酷</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">优酷 - 这个世界很酷。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.iqiyi.com/" target="_blank" data-id="" data-url="https://www.iqiyi.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="爱奇艺在线视频。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.webp" data-src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="爱奇艺">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>爱奇艺</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">爱奇艺在线视频。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.bilibili.com/" target="_blank" data-id="" data-url="https://www.bilibili.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bilibili 视频弹幕网站。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.webp" data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="哔哩哔哩">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>哔哩哔哩</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Bilibili 视频弹幕网站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://y.qq.com/" target="_blank" data-id="" data-url="https://y.qq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="QQ 音乐，在线听歌。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.webp" data-src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="QQ 音乐">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>QQ 音乐</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">QQ 音乐，在线听歌。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://music.163.com/" target="_blank" data-id="" data-url="https://music.163.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="163 网易云音乐。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.webp" data-src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="网易云音乐">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>网易云音乐</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">163 网易云音乐。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.dytt8.net/index.htm" target="_blank" data-id="" data-url="https://www.dytt8.net/index.htm"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYTT8），高清电影下载。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.webp" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="电影天堂（DYTT8）">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>电影天堂（DYTT8）</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYTT8），高清电影下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.dygod.net/" target="_blank" data-id="" data-url="https://www.dygod.net/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYGOD），高清电影下载。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.webp" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="电影天堂（DYGOD）">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>电影天堂（DYGOD）</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYGOD），高清电影下载。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
        
    
        
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="7866a35b09d466b9cf0295af54d30d53"></i>
                    图标素材
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.iconfont.cn/" target="_blank" data-id="" data-url="http://www.iconfont.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里巴巴矢量图标库。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/iconfont.webp" data-src="assets/images/logos/iconfont.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="iconfont">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>iconfont</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">阿里巴巴矢量图标库。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://fontawesome.com/icons/" target="_blank" data-id="" data-url="https://fontawesome.com/icons/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The complete set of 675 icons in Font Awesome.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/fontawesomeicon.webp" data-src="assets/images/logos/fontawesomeicon.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Font Awesome Icon">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Font Awesome Icon</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The complete set of 675 icons in Font Awesome.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="ff65f7f9721757bf11b0b0c95f1b9446"></i>
                    平面素材
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://nr.gd.gov.cn/map/bzdt/#" target="_blank" data-id="" data-url="http://nr.gd.gov.cn/map/bzdt/#"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="标准地图系统">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/favicon.webp" data-src="assets/images/logos/favicon.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="广东省标准地图服务子系统">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>广东省标准地图服务子系统</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">标准地图系统</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://gygg.southcn.com/" target="_blank" data-id="" data-url="http://gygg.southcn.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="广东省公益广告作品库">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/favicon.webp" data-src="assets/images/logos/favicon.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="广东文明网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>广东文明网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">广东省公益广告作品库</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.wenming.cn/wmsjk/gygg_53753/" target="_blank" data-id="" data-url="http://www.wenming.cn/wmsjk/gygg_53753/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="公益广告作品库">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/favicon.webp" data-src="assets/images/logos/favicon.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="文明数据库">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>文明数据库</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">公益广告作品库</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.freepik.com/" target="_blank" data-id="" data-url="https://www.freepik.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="More than a million free vectors, PSD, photos and free icons.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/freepik.webp" data-src="assets/images/logos/freepik.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="freepik">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>freepik</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">More than a million free vectors, PSD, photos and free icons.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://wallhalla.com/" target="_blank" data-id="" data-url="https://wallhalla.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Find awesome high quality wallpapers for desktop and mobile in one place.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/wallhalla.webp" data-src="assets/images/logos/wallhalla.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="wallhalla">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>wallhalla</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://365psd.com/" target="_blank" data-id="" data-url="https://365psd.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free PSD &amp;amp; Graphics, Illustrations.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/365PSD.webp" data-src="assets/images/logos/365PSD.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="365PSD">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>365PSD</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free PSD &amp;amp; Graphics, Illustrations.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://medialoot.com/" target="_blank" data-id="" data-url="https://medialoot.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/Medialoot.webp" data-src="assets/images/logos/Medialoot.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Medialoot">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Medialoot</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free &amp;amp; Premium Design Resources &amp;mdash; Medialoot.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.58pic.com/" target="_blank" data-id="" data-url="http://www.58pic.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专注免费设计素材下载的网站.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/qiantu.webp" data-src="assets/images/logos/qiantu.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="千图网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>千图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">专注免费设计素材下载的网站.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.ooopic.com/" target="_blank" data-id="" data-url="http://www.ooopic.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="我图网，提供图片素材及模板下载，专注正版设计作品交易。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/wotu.webp" data-src="assets/images/logos/wotu.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="我图网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>我图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">我图网，提供图片素材及模板下载，专注正版设计作品交易。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://90sheji.com/" target="_blank" data-id="" data-url="http://90sheji.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电商设计（淘宝美工）千图免费淘宝素材库。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/90sheji.webp" data-src="assets/images/logos/90sheji.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="90 设计">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>90 设计</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">电商设计（淘宝美工）千图免费淘宝素材库。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.nipic.com/" target="_blank" data-id="" data-url="http://www.nipic.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="原创素材共享平台。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/nipic.webp" data-src="assets/images/logos/nipic.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="昵图网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>昵图网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">原创素材共享平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.sccnn.com/" target="_blank" data-id="" data-url="http://www.sccnn.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费素材共享平台。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/sccnn.webp" data-src="assets/images/logos/sccnn.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="素材中国">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>素材中国</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费素材共享平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="722d3693fc0b9344bb46ee220beac1b6"></i>
                    字体资源
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://fonts.google.com/" target="_blank" data-id="" data-url="https://fonts.google.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Making the web more beautiful, fast, and open through great typography.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/googlefont.webp" data-src="assets/images/logos/googlefont.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Google Font">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Google Font</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Making the web more beautiful, fast, and open through great typography.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://typekit.com/" target="_blank" data-id="" data-url="https://typekit.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Quality fonts from the world’s best foundries.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/typekit.webp" data-src="assets/images/logos/typekit.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Typekit">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Typekit</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Quality fonts from the world’s best foundries.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.ziticq.com/" target="_blank" data-id="" data-url="http://www.ziticq.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国首个字体品牌设计师交流网。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/ziticq.webp" data-src="assets/images/logos/ziticq.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="字体传奇网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>字体传奇网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">中国首个字体品牌设计师交流网。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://sicangziti.com/" target="_blank" data-id="" data-url="http://sicangziti.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优质字体免费下载站。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/sicangziti.webp" data-src="assets/images/logos/sicangziti.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="私藏字体">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>私藏字体</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">优质字体免费下载站。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.fontsquirrel.com/" target="_blank" data-id="" data-url="https://www.fontsquirrel.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="FREE fonts for graphic designers.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/fontsquirrel.webp" data-src="assets/images/logos/fontsquirrel.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Fontsquirrel">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Fontsquirrel</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">FREE fonts for graphic designers.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.urbanfonts.com/" target="_blank" data-id="" data-url="https://www.urbanfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download Free Fonts and Free Dingbats.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/UrbanFonts.webp" data-src="assets/images/logos/UrbanFonts.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Urban Fonts">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Urban Fonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Download Free Fonts and Free Dingbats.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.losttype.com/" target="_blank" data-id="" data-url="http://www.losttype.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Lost Type is a Collaborative Digital Type Foundry.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/losttype.webp" data-src="assets/images/logos/losttype.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Lost Type">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Lost Type</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Lost Type is a Collaborative Digital Type Foundry.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://fonts2u.com/" target="_blank" data-id="" data-url="https://fonts2u.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download free fonts for Windows and Macintosh.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/fonts2u.webp" data-src="assets/images/logos/fonts2u.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="FONTS2U">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>FONTS2U</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Download free fonts for Windows and Macintosh.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.fontex.org/" target="_blank" data-id="" data-url="http://www.fontex.org/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts to Download &#43; Premium Typefaces.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/fontex.webp" data-src="assets/images/logos/fontex.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Fontex">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Fontex</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts to Download &#43; Premium Typefaces.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://fontm.com/" target="_blank" data-id="" data-url="http://fontm.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/FontM.webp" data-src="assets/images/logos/FontM.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="FontM">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>FontM</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.myfonts.com/" target="_blank" data-id="" data-url="http://www.myfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Fonts for Print, Products &amp; Screens.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/MyFonts.webp" data-src="assets/images/logos/MyFonts.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="My Fonts">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>My Fonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Fonts for Print, Products &amp; Screens.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.dafont.com/" target="_blank" data-id="" data-url="https://www.dafont.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Archive of freely downloadable fonts.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/dafont.webp" data-src="assets/images/logos/dafont.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Da Font">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Da Font</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Archive of freely downloadable fonts.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.onlinewebfonts.com/" target="_blank" data-id="" data-url="https://www.onlinewebfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB Free Fonts for Windows and Mac / Font free Download.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/OnlineWebFonts.webp" data-src="assets/images/logos/OnlineWebFonts.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="OnlineWebFonts">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>OnlineWebFonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">WEB Free Fonts for Windows and Mac / Font free Download.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.abstractfonts.com/" target="_blank" data-id="" data-url="http://www.abstractfonts.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Abstract Fonts (13,866 free fonts).">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/abstractfonts.webp" data-src="assets/images/logos/abstractfonts.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Abstract Fonts">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Abstract Fonts</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Abstract Fonts (13,866 free fonts).</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
        
    
        
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="31e51a60697ff3fb1d1c4934cce67921"></i>
                    在线配色
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://khroma.co/generator/" target="_blank" data-id="" data-url="http://khroma.co/generator/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/khroma.webp" data-src="assets/images/logos/khroma.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="khroma">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>khroma</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Khroma is the fastest way to discover, search, and save color combos you&#39;ll want to use.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://uigradients.com" target="_blank" data-id="" data-url="https://uigradients.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colored gradients.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/uigradients.webp" data-src="assets/images/logos/uigradients.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="uigradients">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>uigradients</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colored gradients.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://gradients.io/" target="_blank" data-id="" data-url="http://gradients.io/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Curated gradients for designers and developers.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/gradients.webp" data-src="assets/images/logos/gradients.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="gradients">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>gradients</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Curated gradients for designers and developers.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://webkul.github.io/coolhue/" target="_blank" data-id="" data-url="https://webkul.github.io/coolhue/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/Coolest.webp" data-src="assets/images/logos/Coolest.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Coolest">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Coolest</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://webgradients.com/" target="_blank" data-id="" data-url="https://webgradients.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/webgradients.webp" data-src="assets/images/logos/webgradients.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="webgradients">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>webgradients</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.grabient.com/" target="_blank" data-id="" data-url="https://www.grabient.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2017 Grabient by unfold.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/grabient.webp" data-src="assets/images/logos/grabient.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="grabient">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>grabient</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">2017 Grabient by unfold.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.thedayscolor.com/" target="_blank" data-id="" data-url="http://www.thedayscolor.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The daily color digest">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/thedayscolor.webp" data-src="assets/images/logos/thedayscolor.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="thedayscolor">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>thedayscolor</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The daily color digest</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://flatuicolors.com/" target="_blank" data-id="" data-url="http://flatuicolors.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Copy Paste Color Pallette from Flat UI Theme.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/flatuicolors.webp" data-src="assets/images/logos/flatuicolors.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="flatuicolors">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>flatuicolors</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Copy Paste Color Pallette from Flat UI Theme.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://coolors.co/" target="_blank" data-id="" data-url="https://coolors.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The super fast color schemes generator!">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/coolors.webp" data-src="assets/images/logos/coolors.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="coolors">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>coolors</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">The super fast color schemes generator!</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.colorhunt.co/" target="_blank" data-id="" data-url="http://www.colorhunt.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful Color Palettes.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/colorhunt.webp" data-src="assets/images/logos/colorhunt.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="colorhunt">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>colorhunt</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful Color Palettes.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://color.adobe.com/zh/create/color-wheel" target="_blank" data-id="" data-url="https://color.adobe.com/zh/create/color-wheel"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Create color schemes with the color wheel or browse thousands of color combinations from the Color community.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/AdobeColorCC.webp" data-src="assets/images/logos/AdobeColorCC.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Adobe Color CC">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Adobe Color CC</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.flatuicolorpicker.com/" target="_blank" data-id="" data-url="http://www.flatuicolorpicker.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Best Flat Colors For UI Design.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/flatuicolorpicker.webp" data-src="assets/images/logos/flatuicolorpicker.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="flatuicolorpicker">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>flatuicolorpicker</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Best Flat Colors For UI Design.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://qrohlf.com/trianglify-generator/" target="_blank" data-id="" data-url="http://qrohlf.com/trianglify-generator/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Trianglify Generator.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/trianglify.webp" data-src="assets/images/logos/trianglify.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="trianglify">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>trianglify</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Trianglify Generator.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://klart.co/colors/" target="_blank" data-id="" data-url="https://klart.co/colors/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colors and designs to your inbox every week.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/klart.webp" data-src="assets/images/logos/klart.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="klart">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>klart</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colors and designs to your inbox every week.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.vanschneider.com/colors" target="_blank" data-id="" data-url="http://www.vanschneider.com/colors"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/vanschneider.webp" data-src="assets/images/logos/vanschneider.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="vanschneider">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>vanschneider</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect &amp; combine unique colors for my future projects.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="9c2232288caaa8ec40948cef6a786ac2"></i>
                    在线工具
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://tin.webp.com/" target="_blank" data-id="" data-url="https://tin.webp.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Optimize your images with a perfect balance in quality and file size.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/goqr.webp" data-src="assets/images/logos/goqr.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="tin.webp">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>tin.webp</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Optimize your images with a perfect balance in quality and file size.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://goqr.me/" target="_blank" data-id="" data-url="http://goqr.me/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="create QR codes for free (Logo, T-Shirt, vCard, EPS).">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/goqr.webp" data-src="assets/images/logos/goqr.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="goqr">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>goqr</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">create QR codes for free (Logo, T-Shirt, vCard, EPS).</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://ezgif.com" target="_blank" data-id="" data-url="https://ezgif.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="simple online GIF maker and toolset for basic animated GIF editing.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/ezgif.webp" data-src="assets/images/logos/ezgif.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="ezgif">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>ezgif</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">simple online GIF maker and toolset for basic animated GIF editing.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://screensiz.es/" target="_blank" data-id="" data-url="http://screensiz.es/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Viewport Sizes and Pixel Densities for Popular Devices.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/screensizes.webp" data-src="assets/images/logos/screensizes.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="screen sizes">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>screen sizes</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Viewport Sizes and Pixel Densities for Popular Devices.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://jakearchibald.github.io/svgomg/" target="_blank" data-id="" data-url="https://jakearchibald.github.io/svgomg/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="SVG 在线压缩平台。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/svgomg.webp" data-src="assets/images/logos/svgomg.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="svgomg">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>svgomg</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">SVG 在线压缩平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.gaoding.com" target="_blank" data-id="" data-url="https://www.gaoding.com"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线抠图软件,图片快速换背景-抠白底图。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/gaoding.webp" data-src="assets/images/logos/gaoding.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="稿定抠图">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>稿定抠图</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费在线抠图软件,图片快速换背景-抠白底图。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.youdao.com/" target="_blank" data-id="" data-url="https://www.youdao.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费，即时的多语种在线翻译。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.webp" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="有道词典">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>有道词典</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费，即时的多语种在线翻译。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://fanyi.youdao.com/" target="_blank" data-id="" data-url="http://fanyi.youdao.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="有道翻译。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.webp" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="有道翻译">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>有道翻译</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">有道翻译。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://translate.google.cn/" target="_blank" data-id="" data-url="https://translate.google.cn/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="谷歌翻译。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.webp" data-src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="谷歌翻译">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>谷歌翻译</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">谷歌翻译。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.processon.com/" target="_blank" data-id="" data-url="https://www.processon.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线作图、实时协作。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/ProcessOn.webp" data-src="assets/images/logos/ProcessOn.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="ProcessOn">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>ProcessOn</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">免费在线作图、实时协作。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
        
    
        
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="33d3098041927a26a98ed4c6822c9687"></i>
                    设计规范
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://designguidelines.co/" target="_blank" data-id="" data-url="http://designguidelines.co/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design Guidelines &amp;mdash; The way products are built.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/designguidelines.webp" data-src="assets/images/logos/designguidelines.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Design Guidelines">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Design Guidelines</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Design Guidelines &amp;mdash; The way products are built.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://github.com/alexpate/awesome-design-systems" target="_blank" data-id="" data-url="https://github.com/alexpate/awesome-design-systems"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A collection of awesome design systems.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/awesome_design_systems.webp" data-src="assets/images/logos/awesome_design_systems.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Awesome design systems">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Awesome design systems</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">A collection of awesome design systems.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://material.io/guidelines/" target="_blank" data-id="" data-url="https://material.io/guidelines/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introduction - Material Design.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/Material_Design.webp" data-src="assets/images/logos/Material_Design.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Material Design">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Material Design</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Introduction - Material Design.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://developer.apple.com/ios/human-interface-guidelines" target="_blank" data-id="" data-url="https://developer.apple.com/ios/human-interface-guidelines"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Human Interface Guidelines iOS.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/human_interface_guidelines.webp" data-src="assets/images/logos/human_interface_guidelines.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Human Interface Guidelines">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Human Interface Guidelines</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Human Interface Guidelines iOS.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://viggoz.com/photoshopetiquette/" target="_blank" data-id="" data-url="http://viggoz.com/photoshopetiquette/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PS礼仪-WEB设计指南。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/photoshopetiquette.webp" data-src="assets/images/logos/photoshopetiquette.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Photoshop Etiquette">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Photoshop Etiquette</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">PS礼仪-WEB设计指南。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
	    
            <div class="d-flex flex-fill">
                <h4 class="text-gray text-lg mb-4">
                    <i class="site-tag iconfont icon-tag icon-lg mr-1" id="aec25b122d7aceb3dd3b64cf71858ed2"></i>
                    视频教程
                </h4>
                <div class="flex-fill"></div>
                
            </div>
            
            <div class="row">
                
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.photoshoplady.com/" target="_blank" data-id="" data-url="http://www.photoshoplady.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Your Favourite Photoshop Tutorials in One Place.">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/PhotoshopLady.webp" data-src="assets/images/logos/PhotoshopLady.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="Photoshop Lady">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>Photoshop Lady</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">Your Favourite Photoshop Tutorials in One Place.</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://doyoudo.com/" target="_blank" data-id="" data-url="http://doyoudo.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="创意设计软件学习平台。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/doyoudo.webp" data-src="assets/images/logos/doyoudo.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="doyoudo">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>doyoudo</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">创意设计软件学习平台。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="http://www.c945.com/web-ui-tutorial/" target="_blank" data-id="" data-url="http://www.c945.com/web-ui-tutorial/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB UI免费视频公开课。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/web_ui_tutorial.webp" data-src="assets/images/logos/web_ui_tutorial.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="没位道">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>没位道</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">WEB UI免费视频公开课。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
					
					
                <div class="url-card col-6  col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
                    <div class="url-body default">
			
                        <a href="https://www.imooc.com/" target="_blank" data-id="" data-url="https://www.imooc.com/"
                            class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="程序员的梦工厂（有UI课程）。">
                            <div class="card-body">
                                <div class="url-content d-flex align-items-center">
                                    <div class="url-img mr-2 d-flex align-items-center justify-content-center">
                                        
                                        <img class="lazy" width="40" height="40" src="assets/images/logos/imooc.webp" data-src="assets/images/logos/imooc.webp"
                                            onerror="javascript:this.src='assets\/images\/logos/favicon.webp'" alt="慕课网">
                                        
                                    </div>
                                    <div class="url-info flex-fill">
                                        <div class="text-sm overflowClip_1">
                                            <strong>慕课网</strong>
                                        </div>
                                        <p class="overflowClip_1 m-0 text-muted text-xs">程序员的梦工厂（有UI课程）。</p>
                                    </div>
                                </div>
                            </div>
                        </a>
                        
                    </div>
                </div>
			  	  
                
			
            </div>
            <br />
            
            
        
                            

    <h4 class="text-gray text-lg mb-4">
        <i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
    </h4>
    <div class="friendlink text-xs card">
        <div class="card-body"> 
	    
	    <a href="https://bioitee.com/" title="Bio &amp; IT 网址导航" target="_blank">BioIT爱好者</a>
	    
	    <a href="https://shen.bioitee.com/" title="个人博客" target="_blank">个人博客</a>
	    
        </div>
    </div>
</div>


        <footer class="main-footer footer-type-1 text-xs">
            <div id="footer-tools" class="d-flex flex-column">
                <a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
                    <i class="iconfont icon-to-up"></i>
                </a>  
                <a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'" class="btn rounded-circle switch-dark-mode m-1" id="yejian"
                    data-toggle="tooltip" data-placement="left" title="夜间模式">
                    <i class="mode-ico iconfont icon-light"></i>
                </a>
            </div>
            <div class="footer-inner">
                <div class="footer-text">本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容 <br/>© 2021 - 2022 By <a href="https://github.com/shenweiyan/WebStack-Hugo">WebStack-Hugo</a> | <a href="http://beian.miit.gov.cn/">粤ICP备2020106401号-2</a><br/></div>
            </div>
        </footer>
    </div>
</div>


<div class="modal fade search-modal" id="search-modal">
    <div class="modal-dialog modal-lg modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body">
                <div id="search" class="s-search mx-auto my-4">
                    <div id="search-list" class="hide-type-list">
                        <div class="s-type">
                            <span></span>
                            <div class="s-type-list">
                                <label for="m_type-baidu" data-id="group-a">常用</label>
                                <label for="m_type-baidu1" data-id="group-b">搜索</label>
                                <label for="m_type-zhihu" data-id="group-d">社区</label>
                                <label for="m_type-taobao1" data-id="group-e">生活</label>
                            </div>
                        </div>
                        <div class="search-group group-a"><span class="type-text text-muted">常用</span>
                            <ul class="search-type">
                                <li><input checked="checked" hidden="" type="radio" name="type2" 
                                    id="m_type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
                                    <label for="m_type-baidu"><span class="text-muted">百度</span></label></li>
				<li><input hidden="" type="radio" name="type2"
                                    id="m_type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索">
                                    <label for="m_type-bing"><span class="text-muted">必应</span></label></li>
                                <li><input hidden="" type="radio" name="type2" 
                                    id="m_type-google" value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
                                    <label for="m_type-google"><span class="text-muted">谷歌</span></label></li>
                                <li><input hidden="" type="radio" name="type2" 
                                    id="m_type-anaconda" value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
                                    <label for="m_type-anaconda"><span class="text-muted">软件</span></label></li>
                                <li><input hidden="" type="radio" name="type2" 
                                    id="m_type-pubmed" value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
                                    <label for="m_type-pubmed"><span class="text-muted">文献</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-b"><span class="type-text text-muted">搜索</span>
                                <ul class="search-type">
                                    <li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
                                            value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道"><label
                                            for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-google1"
                                            value="https://www.google.com/search?q=" data-placeholder="谷歌搜索"><label
                                            for="m_type-google1"><span class="text-muted">谷歌</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-360"
                                            value="https://www.so.com/s?q=" data-placeholder="360 好搜"><label
                                            for="m_type-360"><span class="text-muted">360</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-sogo"
                                            value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
                                            for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-bing1"
                                            value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索"><label
                                            for="m_type-bing1"><span class="text-muted">必应</span></label></li>
                                    <li><input hidden="" type="radio" name="type2" id="m_type-sm"
                                            value="https://yz.m.sm.cn/s?q=" data-placeholder="UC 移动端搜索"><label
                                            for="m_type-sm"><span class="text-muted">神马</span></label></li>
                                </ul>
                        </div>
                     
                        <div class="search-group group-d"><span class="type-text text-muted">社区</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
                                    value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
                                    <label for="m_type-zhihu"><span class="text-muted">知乎</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-wechat"
                                    value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
                                    <label for="m_type-wechat"><span class="text-muted">微信</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-weibo"
                                    value="https://s.weibo.com/weibo/" data-placeholder="微博">
                                    <label for="m_type-weibo"><span class="text-muted">微博</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-douban"
                                    value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
                                    <label for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
                            </ul>
                        </div>
                        <div class="search-group group-e"><span class="type-text text-muted">生活</span>
                            <ul class="search-type">
                                <li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
                                    value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
                                    <label for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-jd"
                                    value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
                                    <label for="m_type-jd"><span class="text-muted">京东</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
                                    value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
                                    <label for="m_type-xiachufang"><span class="text-muted">下厨房</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
                                    value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
                                    <label for="m_type-xiangha"><span class="text-muted">香哈菜谱</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-12306"
                                    value="https://www.12306.cn/?" data-placeholder="12306">
                                    <label for="m_type-12306"><span class="text-muted">12306</span></label></li>
                                <li><input hidden="" type="radio" name="type2" id="m_type-qunar"
                                    value="https://www.qunar.com/?" data-placeholder="去哪儿">
                                    <label for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
                            </ul>
                        </div>

                    </div>
                    <form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
                        <input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei="" autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
                        <button type="submit"><i class="iconfont icon-search"></i></button>
                    </form>
                    <div class="card search-smart-tips" style="display: none">
                        <ul></ul>
                    </div>
                </div>

                
            </div>
            <div style="position: absolute;bottom: -40px;width: 100%;text-align: center;">
                <a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
            </div>
        </div>
    </div>
</div>


 
<script type='text/javascript' src='.//assets/js/jquery.ui.touch-punch.min-0.2.2.js' id='jqueryui-touch-js'></script>
<script type='text/javascript' src='.//assets/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
<script type='text/javascript' src='.//assets/js/tooltip-extend.js' id='iplaycode-nav-js'></script>
<script type='text/javascript' id='popper-js-extra'>
 

var theme = {"ajaxurl":"","addico":"https:\/\/nav.baidu.cn\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"","icopng":".png","urlformat":"1","customizemax":"10","newWindow":"0","lazyload":"1","minNav":"1","loading":"1","hotWords":"baidu","classColumns":" col-sm-6 col-md-4 col-xl-5a col-xxl-6a ","apikey":"TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4="};
 
</script>
<script type='text/javascript' src='.//assets/js/popper.min.js' id='popper-js'></script>
<script type='text/javascript' src='.//assets/js/bootstrap.min-4.3.1.js' id='bootstrap-js'></script>
<script type='text/javascript' src='.//assets/js/theia-sticky-sidebar-1.5.0.js' id='sidebar-js'></script>
<script type='text/javascript' src='.//assets/js/lazyload.min-12.4.0.js' id='lazyload-js'></script>
<script type='text/javascript' src='.//assets/js/fancybox.min-3.5.7.js' id='lightbox-js-js'></script>

<script type='text/javascript' src='.//assets/js/app-anim.js' id='appanim-js'></script>

<script type="text/javascript">
    $(document).ready(function(){
        var siteWelcome = $('#loading');
        siteWelcome.addClass('close');
        setTimeout(function() {
            siteWelcome.remove();
        }, 600);
    });
</script>
<script>        
    $(document).ready(function(){
        setTimeout(function () {
            if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
                $('a.smooth[href="' + window.location.hash + '"]').click();
            }else if (window.location.hash != '') {
                $("html, body").animate({
                    scrollTop: $(window.location.hash).offset().top - 90
                }, {
                    duration: 500,
                    easing: "swing"
                });
            }
        }, 300);
        $(document).on('click','a.smooth',function(ev) {
            if($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')){
                $('#sidebar').modal('toggle');
            }
            if($(this).attr("href").substr(0, 1) == "#"){
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 90
                }, {
                    duration: 500,
                    easing: "swing"
                });
            }
            if($(this).hasClass('go-search-btn')){
                $('#search-text').focus();
            }
            if(!$(this).hasClass('change-href')){
                var menu =  $("a"+$(this).attr("href"));
                menu.click();
                toTarget(menu.parent().parent(),true,true);
            }
        });
        $(document).on('click','a.tab-noajax',function(ev) {
            var url = $(this).data('link');
            if(url)
                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
            else
                $(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
        });
        
    });
</script>

<script>

(function(){
    if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
        if(new Date().getHours() > 22 || new Date().getHours() < 6){
            document.body.classList.remove('io-black-mode');
            document.body.classList.add('io-grey-mode');
            document.cookie = "night=1;path=/";
            console.log('夜间模式开启');
        }else{
            document.body.classList.remove('night');
            document.cookie = "night=0;path=/";
            console.log('夜间模式关闭');
        }
    }else{
        var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
        if(night == '0'){
            document.body.classList.remove('night');
        }else if(night == '1'){
            document.body.classList.add('night');
        }
    }
})();

$("#search-bg").css("background-image", "url(assets\/images\/dna-bg.webp)");   
function switchNightMode(){
    var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
    if(night == '0'){
	$("#search-bg").css("background-image", "url(assets\/images\/dna-bg.webp)");
        document.body.classList.remove('io-grey-mode');
        document.body.classList.add('io-black-mode');
        document.cookie = "night=1;path=/"
        console.log(' ');
        $(".switch-dark-mode").attr("data-original-title","日间模式");
        $(".mode-ico").removeClass("icon-night");
        $(".mode-ico").addClass("icon-light");
    }else{
	$("#search-bg").css("background-image", "url(assets\/images\/dna-bg.webp)")
        document.body.classList.remove('io-black-mode');
        document.body.classList.add('io-grey-mode');
        document.cookie = "night=0;path=/"
        console.log(' ');
        $(".switch-dark-mode").attr("data-original-title","夜间模式");
        $(".mode-ico").removeClass("icon-light");
        $(".mode-ico").addClass("icon-night");
    }
}
</script>

</body>
</html>


